<template>
<div id="bottom">
  <el-row :gutter="1" class="el-row-height-full">
    <el-col :span="2"   v-for="app in apps" :key="app.app_id" class="el-col-height-full">
        <Item
        :app="app"
        ></Item>
    </el-col>
</el-row>
</div>
</template>

<script>
import Item from './Item.vue'
import {mapState} from 'vuex'
export default {
name:'Bottom',
components:{
    Item
},
data(){
    return {
    }
},
computed:{
...mapState('appAbout',['apps'])
}
}

</script>

<style scoped>
#bottom{
    padding:4px;
    height:100%;
}
</style>
